<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets">
    <style type="text/css">
        body {color: #ffffff; font-size: 12px; font-family: verdana;}

        input, select {
            background-color: #FDFBFB;
            border: 1px solid #BBBBBB;
            padding: 2px;
            margin: 2px;
            font-size: 14px;
            color: #808080;
        }
    </style>
    <h:head>
        <title>Cadastro de Alunos</title>    
    </h:head>

    <h:body>
        <table width="100%" style="margin-top: 10%;">
            <tr>
                <td align="center" valign="middle">
                    <table width="300" height="280" style="border: 0px solid #C1C1C1; padding: 0px; border-radius: 1em" cellpadding="0" cellspacing="0" background="background.jpg">
                        <tr>
                            <td align="center" valign="bottom" height="175" colspan="2">
                                <h:form>
                                    <table width="100" style="background-color: #ffffff; background-color: transparent;">
                                        <tr>
                                            <td align="right"><h:outputLabel id="lblNome" value="Nome" /></td>
                                            <td><h:inputText value="#{pessoaCadastroForm.nome}" style="width: 200px"/></td>
                                        </tr>
                                        <tr>
                                            <td align="right"><h:outputLabel id="lblSenha" value="Senha"/></td>
                                            <td><h:inputSecret value="#{pessoaCadastroForm.senha}" style="width: 200px"/></td>
                                        </tr>
                                        <tr>
                                            <td align="right"><h:outputLabel id="lblCurso" value="Curso"/></td>
                                            <td><h:selectOneMenu value="#{pessoaCadastroForm.curso}" style="width: 205px">
                                                    <f:selectItems value="#{pessoaCadastroForm.itens}"/>
                                                </h:selectOneMenu></td>
                                        </tr>
                                        <tr>
                                            <td align="right"><h:outputLabel id="lblEmail" value="E-mail"/></td>
                                            <td><h:inputText value="#{pessoaCadastroForm.email}" style="width: 200px"/></td>
                                        </tr>
                                    </table>

                                    <h:commandButton id="btnSalvar" value="Salvar" title="Clique aqui para Salvar" action="#{pessoaCadastroForm.onBotaoSalvar}" style="width: 80px">
                                        <f:ajax execute="@form" render="lblMensagem"/>
                                    </h:commandButton>
                                    <h:commandButton id="btnCancelar" value="Cancelar" title="Clique aqui para Cancelar" action="#{pessoaCadastroForm.onBotaoCancelar()}" style="width: 80px"/>
                                    <br></br>
                                    <h:outputLabel id="lblMensagem" value="#{pessoaCadastroForm.mensagem}" />
                                </h:form>
                            </td>
                        </tr>
                        <td  align="center">
                            <a href="http://www.si.fiponline.com.br" target="_blank" style="border: none;"><img src="fipsi.png" width="180" height="60"/></a>
                        </td>
                    </table>
                </td>
            </tr>
        </table>
    </h:body>
</html>
